<style>
.fui-pictext-group.block .fui-pictext-item {
    width: 50%;
    float: left;
    border-bottom: 0;
    background: none;
    padding: 0.25rem;
    display: block;
}
.fui-pictext-group.block .fui-pictext-item {
    width: 50%;
    float: left;
    border-bottom: 0;
    background: none;
    padding: 0.25rem;
    display: block;
}

.fui-pictext-group.three .fui-pictext-item {
    width: 33.33%;
}

.fui-pictext-group.block .fui-pictext-item .image {
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding-bottom: 100%; /* 关键就在这里 */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fui-pictext-group.block .fui-pictext-item .image.auto {
    height: auto;
    padding-bottom: 0;
}

.fui-pictext-group .fui-pictext-item .salez {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-repeat: no-repeat;
    background-position: bottom right;
}
/* 图文组*/
.fui-pictext-group {
    height: auto;
    overflow: hidden;
    background: #f9f9f9;
}

.fui-pictext-item {
    position: relative;
    height: auto;
    padding: 0.5rem;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.fui-pictext-item .image {
    height: 4rem;
    width: 30%;
    float:right;
}

.fui-pictext-item .image img {
    height: 100%;
    width: 100%;
    display: block;
}

.fui-pictext-item .detail {
	width:70%;
	text-align:left;
	float:left;
    background: #fff;
}
.fui-pictext-item .detail span{
    margin-right:0.2rem
}
.fui-pictext-item .detail .name {
    height: 3rem;
    font-size: 0.85rem;
    color: #262626;
}

.fui-pictext-item .detail .info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    margin-top: .3rem;

}

.fui-pictext-item .detail .info .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #ed2822;
}

.fui-pictext-item .detail .info .username {
    font-size: 0.55rem;
}

.fui-pictext-item .detail .info .cmt-num {
    color: #777;
    font-size: 0.55rem;
}
.fui-pictext-item .detail .info .render-time {
    color: #777;
    font-size: 0.55rem;
}

.fui-pictext-item .detail .info .newstag {
    display: block;
    text-align: center;
    line-height: 0.45rem;
    color: #f60;
    font-size: 0.55rem;
	border: 1px solid;
    border-radius: 0.5rem;
    display: block;
    font-size: 0.45rem;
    padding: 0.1rem;

}
.item-content {background-color: #fff;border-radius: 10px;padding:0.5rem;margin:0.5rem}
.item-buy-log {margin:0.2rem;padding: 0.5rem;background-color: #def9eb;border-radius: 10px;}
.item-line-nav {margin:0.2rem;padding: 0.1rem;background-color: #def9eb;border-radius: 10px;text-align:center;line-height:1.2rem}
.item-follow-line {border-bottom: 1px solid #ebebeb;color:#61bba7;font-size:0.56rem;padding-bottom:0.3rem}
.item-msg-line {font-size:0.56rem;padding-top:0.3rem}
</style>
<div class='fui-page  fui-page-current article-list-page' ng-if="pagedata.op=='list'">
	<div class="fui-header">
		<div class="title">{{pagedata.account.title}}</div>
		<div class="fui-header-right"></div>
	</div>
	<div ng-if="pagedata.setting.iscms !=1" class="fe-floatback right">
		<a href="javascript:void(0);" ng-click="goback()">
		<i class="icon jinyunicon icon-back"></i>
		</a>
	</div>
	<div class='fui-content' style="margin-bottom:2.5rem">
	<div class="fui-tab-scroll" style="background:#fff">
				<div ng-class="{'item':1,'on':pagedata.group_id == 0}" href="javascript:;" ng-click="pagedata.group_id=0;tool.get_list('jy_cmsarticle/news/list/',true)">
				全部分类
				</div>
				<div ng-repeat="item in pagedata.fenlei" ng-class="{'item':1,'on':pagedata.group_id == item.id}" href="javascript:;" ng-click="pagedata.group_id=item.id;tool.get_list('jy_cmsarticle/news/list/group_id='+item.id,true)">{{item.title}}</div>						
	</div>
	<div style="padding:0.5rem">
			<div class="fui-article-list template-2">
				<div class="fui-pictext-group">
					<a class="fui-pictext-item" data-nocache="true" style="position: relative;" ng-repeat="item in pagedata.news_list" ng-click="access_json('jy_cmsarticle/news/detail/id='+item.id)">
						<div class="detail">
							<div class="name">{{item.title}}</div>
							<div class="info">
								<span ng-if="item.ishot==1" class="newstag">热门</span><span class="cmt-num">{{item.comments || 0}}评论</span><span class="render-time">{{date(item.createtime)}}</span>
							</div>
						</div>
						<div class="image triangle">
							<img ng-src="{{tomedia(item.image) ||'../core/resource/images/nopic.jpg'}}"/>
						</div>
					</a>
				</div>
			</div>
	    <div class="fui-message fui-message-popup in content-empty" ng-show="!pagedata.news_list" style="margin-top: 0; position: relative; height: auto; background: none;">
				<div class="icon ">
					<i class="icon jinyunicon icon-information"></i>
				</div>
				<div class="content">未找到文章~</div>
		</div>
	</div>
	</div>
</div>

<div class='fui-page  fui-page-current article-index-page' ng-if="pagedata.op=='detail'">
	<div class='fui-content' style="margin-bottom:2.5rem">
		<div class="fui-article-page">
			<div class="fui-article-title">{{pagedata.item.title}}</div>
			<div class="fui-article-subtitle"><a onclick="$('#followewm').modal();">{{pagedata.item.author || pagedata.account.title}}</a> <span class="r-f">发布时间: {{pagedata.item.date || pagedata.item.createtime}}</span></div>
			<!-- 关注提示 -->
				<div class="fui-list-group external" ng-if="pagedata.item.account==1" onclick="$('#followewm').modal();">
					<div class="fui-list">
						<div class="fui-list-media">
							<img class="round" src="{{tomedia(pagedata.account.logo) || '../core/resource/images/nopic.jpg'}}">
						</div>
						<div class="fui-list-inner">
							<div class="title">{{pagedata.account.title}}</div>
							<div class="subtitle">{{pagedata.account.desc}}</div>
						</div>
						<div class="fui-list-angle" style="width: 3rem; margin-right: 0;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-shrink: 0; flex-wrap: nowrap;">
							<div class="btn btn-sm btn-success" onclick="$('#followewm').modal();"><i class="fa fa-plus"></i> 关注</div>
						</div>
					</div>
				</div>
			<div class="fui-article-content" ng-bind-html="trust(pagedata.item.content)"></div>
			<div class="fui-article-subtitle">
				<div class="nav"><i class="fa fa-user"></i> {{pagedata.item.readnum}}</div>
				<div class="nav padding">
					<i class="fa fa-heart" style="color:red" ng-show="pagedata.like.clike==1" ng-click="pagedata.item.likenum=pagedata.item.likenum-1;pagedata.like.clike=0;post({'id':pagedata.like.id,'article_id':pagedata.item.id,'like':pagedata.like.clike},'like','','ignore')"></i>
					<i class="fa fa-heart" style="color:gree" ng-show="pagedata.like.clike!=1" ng-click="pagedata.item.likenum=pagedata.item.likenum+1;pagedata.like.clike=1;post({'id':pagedata.like.id,'article_id':pagedata.item.id,'like':pagedata.like.clike},'like','','ignore')"></i>
					<span>{{pagedata.item.likenum}}</span>
				</div>
			</div>
			
		</div>
					<div class="item-line-nav" ng-click="pagedata.setmsg(pagedata.item.id);" >
				<i class="icon icon-shuru"></i> <span class="subtitle">已有{{pagedata.item.msgnum || 0}}条留言，快来说说您的感想吧！</span>
			</div>
			<div class="fui-cell-group fui-comment-group">	
				<div class="fui-cell external reply-list" ng-repeat="item in pagedata.item.msg" style="padding:0.2rem 0;align-items:stretch;-webkit-align-items:stretch">
					<div class="fui-list-media" style="width:2.3rem;margin-left:0.2rem;text-align:center;">
						<a class="reply-avatar l-f" style="height:100%;">
							<div><img src="{{tomedia(item.member.avatar) || '../core/resource/images/gw-user.png'}}" class="round" style="height:2rem;width:2rem"></div>
							<div class="l-f bold" style="margin:0.2rem 0;width:100%;text-align:center;color:#000"></div>
							<div class="l-f" style="width:100%;text-align:center;font-size:0.56rem;color:#999"></div>
							<div class="l-f" style="width:100%;text-align:center;font-size:2rem;color:#999;line-height:0.6;margin-top:-1rem">.</div>
							<div class="l-f" style="width:2px;margin:0.3rem 1.05rem;font-size:2rem;color:#999;height:100%;border-left: 2px solid #ebebeb;"></div>
						</a>
					</div>
					<div class="fui-list-inner">
						<div class="text click">
							<span style="font-size:0.56rem;color:#999">{{item.member.nickname || '匿名'}}</span>
							<span class="pull-right" style="font-size:0.56rem;color:#666">{{item.createtime || '2019-01-22 09:46'}}</span>
							<span ng-if="row.isAuthor==1" class="level-label fui-label fui-label-warning level-label">楼主</span>
						</div>
						<div class="text text-reply click bold" style="padding:0.2rem">{{item.content}}</div>
						<div class="text text-time" style="height:1rem;margin:0.2rem">
							<div class="pull-right">
							
								<!--<a ng-click="access_json('/post.index/complain/id='+pagedata.post.id)" class="link link-complain-list" data-id="9">
									<i class="icon icon-warning" style="font-size:0.5rem;color:#999"></i> <span style="font-size:0.5rem;color:#999">投诉</span>
								</a>-->
								<a ng-if="pagedata.isManager==1 || pagedata.isSuperManager==1" href="javascript:;" class="link link-delete" style="font-size:0.5rem;color:#999"><i class="icon icon-delete" style="font-size:0.5rem;color:#999"></i> 删除</a>
							</div>
						</div>
						<div class="text text-parent" ng-if="item.msglike.length>0 || item.msg.length>0" style="padding:0.5rem;background-color: #f9f9f9;border-radius: 10px;">
							<div class="item-follow-line" ng-if="item.msglike.length>0">
								<span><i class="icon icon-favorites" style="font-size:0.56rem"></i></span><span ng-repeat="a in item.msglike"> {{a.member.nickname}}</span>
							</div>
							<div class="item-msg-line" ng-repeat="m in item.msg"><span class="org" style="color:#999;">{{m.member.nickname}}</span>: {{m.title}}</div>
						</div>
					</div>
				</div>
			</div>
		<div ng-show="pagedata.item.yingxiao==1 && pagedata.item.advs && pagedata.item.advs.length>0">
				<div class="fui-line title" ng-show="pagedata.item.adtitle">
					<div class="text" style="background-color:#f4f4f4">{{pagedata.item.adtitle}}</div>
				</div>
			<div class="swipe">
				<div class="inner">
					<div data-transition="500" class="fui-swipe">
						<div class="fui-swipe-wrapper">
							<a ng-repeat="ad in pagedata.item.advs" href="{{ad.url || 'javascript:;'}}" class="fui-swipe-item external">
									<img ng-src="{{tomedia(ad.img) || '../core/resource/images/nopic.jpg'}}">
							</a>
						</div>
						<div class='fui-swipe-page'></div>
					</div>
				</div>
			</div>
				<div class="fui-line subtitle link" ng-init="loubo()" ng-show="pagedata.item.admore">
					<a class="text external" href="{{pagedata.item.adurl || 'javascript:;'}}">{{pagedata.item.admore}}</a>
				</div>
		</div>
	</div>
</div>
<div ng-include="sys_html('_footer')"></div>
	<div id="followewm"  class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
		<div class="modal-dialog" style="margin-bottom:216px">
				<div class="wap-qrcode-container">
					<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
				<p class="example1">{{pagedata.account.title}}--智能全网平台！</p>
				<div class="wap-qrcode-image">
					<img ng-src="{{tomedia(pagedata.account.ewm) || '../core/resource/images/nopic.jpg'}}"/>
				</div>
				<p class="example1">长按二维码关注</p>
			</div>
			</div>
	</div>
	<div id="showremark" class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
	<div class="modal-dialog" style="width:100%;left:0;bottom:0">
		<div class="modal-bottom">
			<div class="fui-cell-group">
				<div class="fui-cell">
					<div class="fui-cell-label" style="width:100px;font-size:0.9rem">留言</div>
				</div>
				<div class="fui-cell">
					<div class="fui-cell-info c000">
						<textarea rows="5" placeholder="50字以内（选填）" ng-model="pagedata.post.msg"></textarea>
					</div>
				</div>
			</div>
			<div class="fui-navbar">
				<a aria-hidden="true" data-dismiss="modal" ng-click="post(pagedata.post,'setmsg')" class="nav-item btn btn-success confirmbtn">确定</a>
			</div>
		</div>
	</div>
</div>
<script>
scope.pagedata.setmsg=function(id){
	$('#showremark').modal();
	scope.pagedata.post.id =id;
}
</script>